<template>
  <!-- 结算区域 -->
  <div class="mui-card">
    <div class="mui-card-content">
      <div class="mui-card-content-inner ">
        <div class="left">
          <h4 class="total">总计(包邮)</h4>
          <p>共添加商品 <span class="blue">{{ $store.getters.getTotalPrice.count }}</span> 件，
            总价 <span class="blue">￥{{ $store.getters.getTotalPrice.totalPrice }}</span>
            <del>已省 {{$store.getters.getTotalPrice.discountPrice}} </del></p>
        </div>
        <mt-button type="danger">去结算</mt-button>
      </div>
    </div>
  </div>
</template>

<script>

  export default {
   
  }
</script>

<style>
  .blue {
    color: #7ec6fb
  }
  h4{
    margin: 10px 0;

  }
  p {
    font-size: 18px;
  }
  del {
    font-size: 16px;
  }
</style>